<script src="{{base_url}}/js/translate.js"></script>
<div style="position: fixed;bottom: 15px;right: 15px;z-index: 10;">
	<!-- <a class="ignore" href="javascript:translate.changeLanguage('japanese');">日本語</a> -->
	<a class="lang ignore" href="javascript:translate.changeLanguage('chinese_simplified');">中</a>
	<a class="lang ignore" href="javascript:translate.changeLanguage('english');">E</a>
	<!-- <a class="ignore" href="javascript:translate.changeLanguage('chinese_traditional');">繁體中文</a> -->
</div>
<style>
	.lang {
		width: 42px;
		height: 42px;
		border-radius: 50%;
		box-shadow: 2px 2px 2px #ddd;
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: rgba(255, 255, 255, 0.6);
		backdrop-filter: blur(8px);
		cursor: pointer;
		margin-bottom: 5px;
		font-weight: bold;
		font-size: 14px;
	}
</style>
<script>
	window.onpageshow = function () {
		translate.setUseVersion2(); //设置使用v2.x 版本
		translate.listener.start();
		translate.setAutoDiscriminateLocalLanguage();
		translate.ignore.class.push('ignore');	// 如果不设置默认只有 ignore 这一个
		translate.execute(); //执行翻译初
	}
</script>